@charset "utf-8";
*,*:before,*:after {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html,body {
  height: 100%;
  width: 100%;
  min-width: 1200px;
  color: #333;
}
body,input,button,select {
  font-family: "Microsoft YaHei", sans-serif;
  font-size: 14px;
  background: #fff;
}
html { overflow-x: hidden;}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #b0b0b0;
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #b0b0b0;
}
select::-ms-expand {
  display: none;
}
input[type="button"],input[type="submit"],input[type="reset"],input[type="date"],input[type="text"],input[type="tel"],button { -webkit-appearance: none;appearance: none;font-family: 'Microsoft YaHei';border-radius: 0;outline: none; border: 0;}
select { outline: none; appearance: none; -moz-appearance: none; -webkit-appearance: none;}
textarea { -webkit-appearance: none; appearance: none; outline: none;}
table {border-collapse: collapse; border-spacing: 0; }
fieldset,img {border: 0px;}
address,caption,cite,code,dfn,th,var,em,i {font-weight: normal;font-style: normal; }
ol,ul {list-style-image: none;list-style:none; }
h1,h2,h3,h4,h5,h6 { font-weight: normal; font-size: 100%;font-weight:100;}
a {text-decoration:none;color:#333;outline:none;}
a:active {star:expression(this.onFocus=this.blur());} 
.clearfix{*zoom:1}
.clearfix:after{display:block;clear:both;content:"\0020";visibility:hidden;height:0}
/* my通用样式 */
.fl {float:left;}
.fr {float:right;}
.abs{position:absolute;}
.rel{position:relative;}
.cli { overflow:hidden;}
.center{width:1200px; margin:0 auto; overflow:hidden;}
.center2{width: 1200px;margin: 0 auto;}

.flex{ width:1200px; margin:0 auto; overflow:hidden;}
.flex2{ width:1200px; margin:0 auto;}
.yfont { color:#ffc045;}
.bfont { color:#13bfd9;}
.lfont { color:#6db005;}
.pfont { color:#f9607e;}
.gfont { color:#999;} 
.fred { color:#d71a11;}
.mt5 { margin-top:5px;}
.mt15 { margin-top:15px; }
.ml0 { margin-left:0px;}
.ml10 { margin-left:10px;}
.mt20 { margin-top:20px;}
.mt30 { margin-top:30px;}
.pd25 { padding-top:25px;}
.mt40 { margin-top:40px;}
.mt50 { margin-top:50px;}
.mlr10 { margin: 0 10px;}
.mt80 { margin-top:80px;}
.mr0 { margin-right:0;}
.b0 { border:none !important;}
.bg0 { background:none;}
.gary-bg { background:#f5f5f5; padding-bottom:80px; overflow: hidden}
.cli { overflow:hidden;}
.tb-box { overflow: hidden;}
.dlay1 { animation-delay:0.1s;}
.dlay2 { animation-delay:0.2s;}
.dlay3 { animation-delay:0.3s;}
.dlay4 { animation-delay:0.4s;}
.dlay5 { animation-delay:0.5s;}
.dlay6 { animation-delay:0.6s;}
.dlay7 { animation-delay:0.7s;}
.dlay8 { animation-delay:0.8s;}
.dlay9 { animation-delay:0.9s;}
.dlay10 { animation-delay:1s;}
.tb-box img{transition: all 0.3s linear;display: block; width: 100%; height: 100%;}
.tb-box:hover img {transform: scale(1.1);transform: rotate(0deg) scale(1.1, 1.1) skew(0deg) translate(0, 0);-ms-transform: rotate(0deg) scale(1.1, 1.1) skew(0deg) translate(0, 0);-moz-transform: rotate(0deg) scale(1.1, 1.1) skew(0deg) translate(0, 0);-webkit-transform: rotate(0deg) scale(1.1, 1.1) skew(0deg) translate(0, 0);-o-transform: rotate(0deg) scale(1.1, 1.1) skew(0deg) translate(0, 0);}
/*******公用样式*****************/
body{ max-width: 100%;}
#space{width: 100%; height:400px; z-index:19;}
#mydiv { width: 100%; height:430px; z-index:19; opacity: .3;}
/************************/
/***********************/
.title{ position: relative; margin-top: 50px; text-align:center; color:#464646; line-height:36px; font-size: 30px; }
.title h1 { font-size:14px; color: #8f8f8f; position: relative; display: inline-block; line-height: 25px; top: -5px;}
.title h1:before,.title h1:after { content:""; position:absolute; bottom:12px; width:42px; height:1px;  background:#8f8f8f; }
.title h1:before{ right:-58px;}
.title h1:after { left:-58px; }
.bwt-title { color: #fff;}
.bwt-title h1 { color: #fff;}
.bwt-title h1:before,.bwt-title h1:after { background: #fff;}
@keyframes tit99{
	0%{ width:22px}
	50%{ width:40px;}
	100%{ width:22px;}
}
.line:after { content:""; position:absolute; bottom:-10px; width:0%; height:2px; width:0; background:#232e3a; transition:all .3s linear; -webkit-transition:all .3s linear;  }
.line-on:after { width:30%;}
.cool-l span{position:absolute;background:#2e66cb;-webkit-transition:all 0.3s cubic-bezier(0.25,0.46,0.45,0.94);-moz-transition:all 0.3s cubic-bezier(0.25,0.46,0.45,0.94);-o-transition:all 0.3s cubic-bezier(0.25,0.46,0.45,0.94);transition:all 0.3s cubic-bezier(0.25,0.46,0.45,0.94)}
.cool-l .line1{left:-1px;top:-1px;width:0%;height:1px}
.cool-l .line2{right:-1px;top:-1px;width:1px;height:0%}
.cool-l .line3{right:-1px;bottom:-1px;width:0%;height:1px}
.cool-l .line4{left:-1px;bottom:-1px;width:1px;height:0%}
.cool-l:hover .line1,.cool-l:hover .line3{width: 270px;}
.cool-l:hover .line2,.cool-l:hover .line4{height:300px;}
/*********导航********************/
.hd-bg {background: #fff; position: relative; width:100%; height:100px; z-index:101;}
.head{height:100px; width:90%; position:relative; margin: 0 auto;}
.logo { height:58px; float:left; margin-top:21px;}
.kj-nav { float:right;  margin:5px 30px 0 0; font-size:18px; height:90px;line-height:90px; z-index:100; position:relative }
.kj-nav a { padding:0 15px; color:#3d3d3d;}
.kj-nav .navlev { position: relative;}
.mynav ul{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; list-style-type: none; padding: 0;}
.mynav a{display: block;  text-decoration: none; position:relative; z-index:97}
.mynav li:not(:last-child) {margin-right: 20px;}
.target{position: absolute; border-bottom: 4px solid transparent;  -webkit-transform: translate(-60px,0px); transform: translate(-60px,0px); z-index:96; height:0px !important; margin-top:91px;}
.mynav a,.target{-webkit-transition: all .35s ease-in-out; transition: all .35s ease-in-out;}

.kj-nav .hover { height:97px; line-height:97px;}
.kj-nav li.abc1 { border:none;  }
/********导航下啦******/
.kj-nav .navlev .lev2{position:absolute; left:0; top:100px; z-index:1000; padding-top:5px; text-align:center; padding:6px 0; background: rgba(82,74,71,.5); transform: scale(0);filter: scale(0);filter: transform;transition: all 0.5s ease 0s;-webkit-transform: all 0.5s ease 0s;opacity: 0;}
.kj-nav .navlev:hover .lev2{transform: scale(1);filter: scale(1);filter: transform;transition: all 0.5s ease 0s;-webkit-transform: all 0.5s ease 0s;cursor: pointer;
opacity: 1;}
.kj-nav .navlev .lev2 a{ float:left; width:100px;font-size:14px; line-height:30px; color:#fff; padding:0;}
.kj-nav .navlev .lev2 a:hover{ color:#ffc045;}
.kj-nav .navlev .tbnav1  a:last-child { font-size: 12px;}
/********导航下啦******/
/******尾部************/
.cnzz { position:absolute; left:0; bottom:0;}
.flink-bg { background:#eeeeee; overflow: hidden; padding: 20px 0; margin-top: 40px;}
.flink{ position:relative; padding-left: 140px; line-height:24px }
.flink span { position: absolute; left: 45px; top: 5px; font-size: 16px; color: #424242;}
.flink a{display:inline-block; margin:5px 15px; color: #555;}
.flink a:hover{color:#ff8a00; text-decoration:underline;}

.foot-bg{ overflow:hidden; position:relative; background: #424242; margin-top: 50px;}
.foot-nav {overflow:hidden; padding:30px 0; line-height: 24px; border-bottom: 1px solid #606060;}
.foot-nav .tbt { color: #ffffff; font-size: 16px; display: block; width: 110px; height: 40px;line-height: 40px; text-align: center; background: #222222; }
.foot-nav .tbc { float: left;margin:24px 0 0 10px;   }
.foot-nav .tbc a { color: #eee; font-size: 16px; margin: 0 30px 0 0; }
.foot-nav .tbc a:hover { color: #fff; text-decoration: underline; }
.foot-bom {border-top: 1px solid #212121; position: relative; padding: 30px 0;}
.foot-left { width: 930px; float: left; padding-left: 97px; background: url(../images/flogo.png) 0 0 no-repeat; color:#fff; line-height: 30px; font-size: 12px;}  
.foot-tel { margin-bottom:10px; font-size: 16px;   color:#fff;  }
.foot-tel h1 { font-size: 24px; margin-top: 0}
.foot-left span { margin-right: 10px;;}
.fwei { float: right; margin-right: 0px; width: 136px; color: #fff; text-align: center; line-height: 40px;}
.fwei img{ width: 136px; height: 136px; display: block;}
/**************************************************/

.ban-con3 { position: absolute; top: 220px; width: 100%; left: 0; text-align: center; color:#c1bebe; font-size: 30px; line-height: 36px;}
.ban-con3 h1 { font-size: 44px; line-height: 48px; margin-bottom: 15px; color: #fff;}
.case-top { text-align: center; margin-top: 40px;}
.case-top a { position: relative; display: inline-block; margin: 0 8px; font-size: 16px; width: 120px; height: 40px; line-height: 38px; border: 1px solid #dcdcdc; border-radius: 40px;}
.case-top a em { position: relative; z-index: 2; display: block }
.case-top a:before { border-radius: 40px; content: ""; position: absolute; left: 50%; top: 50%; width: 0; height: 0; background: #288f47;  transition: all .3s; opacity: 0; }
.case-top a:hover,.case-top a.coop-on { color: #fff; border: 1px solid #288f47;}
.case-top .ns-on:before,.case-top .coop-on:before,.case-top .br-on:before,.case-top a:hover:before { left: 0; top: 0; width: 100%; height: 100%; opacity: 1;}


.brand-list8 .hd { position: relative; z-index: 20;}
.brand-list8 .next,.brand-list8 .prev { width:50px; height:50px; display: block; top: 240px; position: absolute; background:#fff url(../images/prev.png) no-repeat; border-radius: 100%; transition: all .3s;}
.brand-list8 .next { background-position:-148px 0; right:30px;}
.brand-list8 .prev { background-position:-2px 0; left:30px;}
.brand-list8 .next:hover { background-position:-98px 0; right: 25px;;}
.brand-list8 .prev:hover { background-position:-52px 0; left: 25px;}
/*******************/
.brand-list8 { width: 1200px; margin: 0 auto; position: relative;}
.brand-list8 .bd { width: 1150px; margin: 0 auto;}
.ibb-box { height: 520px; overflow: hidden;}
/*****************************************/
/*********************/











.wei-tit{font-size:24px; margin-right:5px; color:#fff;}
.shade-bg{background:rgba(0,0,0, .5); position:fixed; width:100%; height:100%; top:0px; left:0px; z-index:990; display:none;}
.wk-con{position:fixed; left:0; z-index:999; top:-600px; height:500px; width:100%; background:#ffffff; z-index:999;}
.ck-close{position:absolute; top:50px; right:50px; width:44px; height:44px; background:url("../images/close.png") no-repeat; cursor:pointer; transition: all 200ms ease-in 0s; -webkit-transition: all 200ms ease-in 0s; -ms-transition: all 200ms ease-in 0s;}
.ck-close:hover{transform:rotate(180deg); -webkit-transform:rotate(180deg); -ms-transform:rotate(180deg);}
.drop-left{width:550px; float:left; margin-top:56px;}
.hello-con{font-size:14px; line-height:28px; color:#232e3a; border-bottom:1px solid #e1e1e1; padding:20px 0 10px;}
.hello-bom{color:#232e3a; line-height:30px; font-size:16px;}
.hello-bom h1{font-size:24px; margin:80px 0 15px;}
.drop-right{width:550px; float:right; margin-top:50px;}
.drop-tit{color:#232e3a; font-size:24px;}
.drop-table{width:520px;}
.drop-table td{padding:10px 0; line-height:40px;}
.xx-name{color:#232e3a; font-size:16px; line-height:30px; height:30px; background:url("../images/xx.jpg") right center no-repeat; padding-right:15px; display:inline-block;}
.input-box{height:40px; width:176px; position:relative;}
.input-box input,.input-box select{border:none; height:40px; line-height:40px; width:100%; color:#666; position:relative; top:1px; border-bottom:1px solid #e1e1e1;}
.input-box input:focus{border-bottom:1px solid #ffc045;}
.drop-btn{display:block; width:435px; height:60px; text-align:center; line-height:60px; background:#ffc045; color:#232e3a; font-size:16px; cursor:pointer; border:none;}
.input-box:after{content:""; position:absolute; left:0; bottom:-2px; z-index:20; height:1px; background:#ffc045; width:0;transition: all 200ms ease-in 0s; -webkit-transition: all 200ms ease-in 0s; -ms-transition: all 200ms ease-in 0s;}
.input-box:hover:after{width:100%;}
.wk-t{padding-left:35px; line-height:70px; border-bottom:1px solid #e2e2e2; margin-bottom:20px; line-height:70px; font-size:24px;}
.hy-area{width:410px; height:90px; line-height:22px; padding:5px 10px; resize:none; border:1px solid #c7c7c7; background:#f7f7f7; margin-right:10px; position:relative;}
.hy-area:hover{border:1px solid #3897da;}
.hy-area:focus{border:1px solid #3897da; -webkit-box-shadow:0 0 2px #3897da; -ms-box-shadow:0 0 2px #3897da; box-shadow:0 0 2px #3897da;}
.file3{position: relative; display:inline-block; width:70px; height:40px; line-height:40px; cursor:pointer; border:none; background:#3a9de2; color:#fff; display:inline-block; text-align:center; font-size:16px; margin-right:10px;}
.close-tba { right:0px; position:absolute; cursor:pointer; background-size:cover; width:32px; height:32px; top:0px;-webkit-transition: 0.4s ease-in 0s;-moz-transition: 0.4s ease-in 0s;-ms-transition: 0.4s ease-in 0s;}
.close-tba:hover {   transform:rotate(180deg); -webkit-transform:rotate(180deg); -ms-transform:rotate(180deg);}
.ffg-bg8 { background: #f0f0f0; position: relative;  margin-top: 50px;}
/*********应科装饰********************/
#telInput { position:absolute; left:42px; top:158px; width:309px; height:45px; line-height:45px; background:#fff;text-indent:10px; border:none;}
#callBtn{    position: absolute;right:35px; top:158px;height: 45px;border:none;width: 124px;background:none;color: #fff; font-size:0; cursor: pointer;}
.nb-invite-wrap{}
.lx-z{width: 510px;height: 300px;position: fixed;top: 50%;left: 50%;margin-top: -132.5px;margin-left: -260px;background:#fec045 url("../images/ccaa.png") no-repeat;background-size: 100% 100%; z-index: 999; box-shadow:0 0 10px #fdce70;}
.lx-z .gb{    width: 30px;
    height: 30px;
    position: absolute;
    top: 17px;
    right: 17px;
    cursor: pointer;}
.lx-z .zx{    width: 433px;
    height: 45px;
    position: absolute;
    bottom: 38px;
    right: 35px;
    display: block;}
.left-bar {width: 126px;height: 413px;position: fixed;top: 50%;left:-300px; margin-top:-200px;background: url("../images/lcaa.png") no-repeat;z-index: 999;  -webkit-transition:all 1s ease 0s; -ms-transition:all 1s ease 0s; transition:all 1s ease 0s;}
.zz987 { left:0;}
.left-bar a { display:block; height:100%;}
.close-tba { width:30px; height:30px; background:url(../images/close8.png) no-repeat; position:absolute; top:-30px; right:15px;}
.lx-z{ display:none;}	
.zzz-ac { height:62px;}	
/**********/
.lrf-fix {}
.lrf66 {position:fixed;top:45%;right:-300px;z-index:80000;width:81px;height:367px;margin:-183px 0 0 -249px; border-right:1px solid #fbb428; -webkit-transition:all 1s ease 0s; -ms-transition:all 1s ease 0s; transition:all 1s ease 0s;}
.lrf-fix {right:0px;}
.lrf66 a {position:relative;display:block;width:77px;height:24px;z-index:500;padding-top:53px;text-align:center;font-size:12px;color:#fff;}
.lrf66 li strong {display:none;font-size:18px;font-weight:normal;}
.lrf66 .kefudt_icon1 {background:url("../images/dr-icon6.png") center 10px no-repeat;}
.lrf66 .kefudt_icon2 {background:url("../images/dr-icon2.png") center 10px no-repeat;}
.lrf66 .kefudt_icon3 {background:url("../images/dr-icon3.png") center 10px no-repeat;}
.lrf66 .kefudt_icon4 {background:url("../images/dr-icon4.png") center 10px no-repeat;}
.lrf66 .kefudt_icon5 {background:url("../images/dr-icon7.png") center 10px no-repeat;}
.lrf66 li {position:absolute;display:block;width:78px;height:77px;right:0;border:1px solid #fbb428;background:rgba(251,180,40,.7);border-right:0;text-align:center; -webkit-transition:all 0.5s; transition:all 0.5s;}
.lrf66 li:before {content:"";width:0;height:77px;background:rgb(251,180,40);position:absolute;top:0;left:0;transition:all 0.6s;z-index:-1;opacity:0.8;}
.lrf66 li:hover {width:220px;background:none;overflow:hidden;}
.lrf66 li.wx-pic:hover { width:78px; background:rgba(251,180,40,.7); overflow:visible; }
.lrf66 li.wx-pic:hover a.kefudt_icon5 {background:url("../images/dr-icon7.png") center 10px no-repeat; height:100px;}
.lrf66 li.wx-pic:hover a em { display:inline-block; margin-top:22px;}
.lrf-wei { position:absolute; right:80px; top:0px; opacity:0; width:180px; height:180px; z-index:501; -webkit-transition:all .5s ease;transition:all .5s ease; height:0; }
.lrf66 li.wx-pic:hover .lrf-wei {  top:0px; opacity:1; height:180px; }
.lrf66 li:hover:before {width:220px;}
.lrf66 li:hover a {width:100%;background:none;padding:0;line-height:77px;}
.lrf66 li:hover a em {display:none;}
.lrf66 li:hover strong {display:block;}
.lrf66 > li:first-child {top:0;}
.lrf66 > li:nth-child(2) {top:94px;}
.lrf66 > li:nth-child(3) {top:188px;}
.lrf66 > li:nth-child(4) {top:282px;}
/******************************/
.fenye{width:100%; height:40px; line-height:40px; text-align:center; margin-top: 20px; margin-bottom:40px;}
.fenye li{display:inline-block; width:auto; text-align:center; line-height:40px; height:40px; margin-left:10px; background-color:#ededed;  color:#555555; font-size:14px;}
.fenye li a,.fenye li span {padding-left:15px; padding-right:15px; display:block;}
.fenye li:hover{background-color:#da251d; color:#fff;}
.fenye li:hover a { color: #fff;}
.fenye .active{background-color:#da251d; color:#fff;}	
/***************/